<!doctype html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title>Theory Library - JavaScript Test Page</title>
        
        <script type="text/javascript" src="../theory.js"></script>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
        
        <script type="text/javascript" src="test.js"></script>
        
        <style>
			div.test {
				border: 1px solid black;
				background-color: #FFC;
				padding: 5px;	
				margin: 10px 0 0 0;
			}
		</style>
	</head>

	<body>
    	<h2>Set theory</h2>
    	<div class="test" id="test1">
        	
        </div>
        <div class="test" id="test2">
        	
        </div>
        <div class="test" id="test3">
        	
        </div>
	    <div class="test" id="test4">
        	
        </div>
        <div class="test" id="test5">
        	
        </div>
        <div class="test" id="test10">
        	
        </div>
        <div class="test" id="test11">
        	
        </div>
        <div class="test" id="test12">
        	
        </div>
        <div class="test" id="test13">
        	
        </div>
        <div class="test" id="test14">
        	
        </div>
        <div class="test" id="test15">
        	
        </div>

        
        <h2>Combinatorics</h2>
        <div class="test" id="test6">
        	
        </div>
        <div class="test" id="test7">
        	
        </div>
        <div class="test" id="test8">
        	
        </div>
        <div class="test" id="test9">
        	
        </div>
        
        <h2>Number theory</h2>
        <div class="test" id="test16">
        	
        </div>
        <div class="test" id="test17">
        	
        </div>
        <div class="test" id="test18">
        	
        </div>
        <div class="test" id="test19">
        	
        </div>        
        
        <h2>Abstract Algebra</h2>
        <div class="test" id="test20">
        	
        </div>        
        <div class="test" id="test21">
        	
        </div>   
        <div class="test" id="test22">
        	
        </div> 
        <div class="test" id="test23">
        	
        </div> 
        <div class="test" id="test24">
        	
        </div> 
        <div class="test" id="test25">
        	
        </div> 
        <div class="test" id="test26">
        	
        </div> 
        <div class="test" id="test27">
        	
        </div>
        <h2>Statistics</h2>
        <div class="test" id="test28">
        	
        </div>
        <div class="test" id="test29">
        	
        </div>  
        <div class="test" id="test30">
          
        </div>
        <div class="test" id="test31">
          
        </div>
        <div class="test" id="test32">
          
        </div>
        <div class="test" id="test33">
          
        </div>
        <div class="test" id="test34">
          
        </div>
        <div class="test" id="test35">
          
        </div>
        <div class="test" id="test36">
          
        </div>
        <div class="test" id="test37">
          
        </div>
        <div class="test" id="test38">
          
        </div>
	</body>
</html>
